@use 'sass:map';
@use 'sass:color';

.form-con {
  :global {
    .el-form-item .el-date-editor {
      width: 100%;
    }
  }
}

.info-form-item-full-width {
  width: 100%;

  &:global(.el-input) {
    width: 100%;
  }

  :global {
    .el-radio-button {
      flex: 1;

      .el-radio-button__inner {
        width: 100%;
      }
    }

    .el-date-editor.el-input__wrapper {
      width: 100%;
    }
  }
}

.edit-title {
  font-size: map.get($font-size, 'base');
  font-weight: bold;
}

.table-form {
  width: 100%;
  border-top: 1px solid #e4e4e4;

  :global {
    tr {
      td {
        padding: 10px 15px;
        border-bottom: 1px solid #e4e4e4;
      }
    }

    tbody:nth-child(even) {
      background-color: #f1f1f2;
    }
  }
}

.map-location {
  position: relative;
}

.map-location-select-address {
  position: absolute;
  top: 10px;
  left: 40px;
  z-index: 99;
}

.map-location-option-address {
  width: 98%;
  height: 48px;
  margin: 0 auto 6px;
  overflow: visible;

  &:global(.selected) {
    background-color: color.adjust($color-primary, $alpha: -0.85);
  }

  &:global(.selected .el-link--info) {
    color: $color-primary;
  }

  :global {
    .el-link {
      font-size: map.get($font-size, 'extra-large');
      margin-right: 8px;
      vertical-align: text-bottom;
    }

    .option-text {
      display: inline-block;
      vertical-align: sub;
      line-height: 1.8;
      font-size: map.get($font-size, 'small');
      color: map.get($text-color, 'primary');

      p {
        font-size: map.get($font-size, 'extra-small');
        color: $color-info;
      }
    }
  }
}
